<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
        .wrong {
            border: 2px solid red;
        }
        .right {
            border: 2px solid #91B81D;
        }
    </style>
	</head>
	<body>
		    账号：<input type="text" /><br><br>
    密码：<input type="password"/>
	</body>
	<script>
		//需求：失去焦点的时候判断input按钮中的值，如果账号或密码在6-12个字符之间通过，否则报错。
		var inpArr = document.getElementsByTagName("input");
   		var inpzh = inpArr[0];
   		var inpmm = inpArr[1];
   		inpzh.onblur=function(){
   			if(inpzh.value.length<6 || inpzh.value.length>12){
   				alert("账号长度必须在6到12个字符之间")
   			}
   		}
   		inpmm.onblur=function(){
   			if(inpmm.value.length<6 || inpmm.value.length>12){
   				alert("密码长度必须在6到12个字符之间")
   			}
   		}
	</script>
	
</html>

